<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" href="../css/jquery-theme/themes/smartRest.min.css" />
        <link rel="stylesheet" href="../css/jquery-theme/themes/jquery.mobile.icons.min.css" /> 
        <link rel="stylesheet" href="../css/customStyles.css" />
           
		<link rel="stylesheet" href="../jquery/jquery.mobile.structure-1.4.5.min.css" />
		<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="../jquery/jquery.mobile-1.4.5.min.js"></script>
		<script type="text/javascript" src="../js/jquery.jsonp.js"></script>
		
		<script type="text/javascript" src="../js/config.js"></script>
		<script type="text/javascript" src="../js/registro.js"></script>
		<script type="text/javascript" src="../js/inicio.js"></script>
        
        <title>Smart Restaurant</title>
    </head>
    <body>

        <div data-role="page">
			
			<div data-role="panel" id="defaultpanel" data-position="left" data-position-fixed="true" data-display="overlay" data-theme="a" 
				class="ui-panel ui-panel-position-left ui-panel-display-overlay ui-panel-closed ui-body-a ui-panel-animate">
				
			</div>

			<div data-role="header">
				<h1>Inicio</h1>
				<a href="#defaultpanel" id="menuButton" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-bars">Default panel</a>



			</div><!-- /header -->


			<div role="main" class="ui-content">
				<form>
					<div class="ui-field-contain">					
						<a href="#popupLlave" data-rel="popup" class="ui-btn ui-corner-all">Promociones</a>
						<a href="#" class="ui-btn ui-corner-all">Recomendaciones</a>
					</div>
				</form>
				<div data-role="popup" id="popupLlave" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:400px;">
					<div data-role="header" data-theme="a">
						<h1>Ingresar llave.</h1>
					</div>
					<div role="main" class="ui-content">
						<h3 id="mensaje" class="ui-title">Favor de ingresar la llave.</h3>
						<!--p>Favor de intentar de nuevo.</p-->
						<input type="text" name="llave" id="llave" value="" data-mini="true">
						<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-b" data-rel="back">Aceptar</a>
					</div>
				</div>
			</div><!-- /content -->

			<div data-role="footer"  data-position="fixed">
				<h4>Marca registrada</h4>
			</div><!-- /footer -->
			
		</div><!-- /page -->

    </body>
</html>
